<template>
	<view>
		<button @click="onLog()">Console.log</button>
		<button @click="onDebug()">console.debug</button>
		<button @click="onInfo()">console.info</button>
		<button @click="onWarn()" type="warn">console.warn</button>
		<button @click="onError()" type="warn">console.error</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				myname: 'hsr',
				title: "APIs"
			}
		},
		methods: {
			onLog() {
				console.log("onLog()" + this.myname);
				console.log("clog+enter");
				console.log("onLog()", this.myname, this.title);
			},
			onDebug() {
				console.debug("onDebug")
			},
			onInfo() {
				console.info("onInfo")
			},
			onWarn() {
				console.warn("onWarn")
				if (true) {
					console.log("true");
				} else {
					console.worn("快出错了");
				}
			},
			onError() {
				console.error("onError")
			}
		}
	}
</script>

<style>
button{
	margin: 30rpx;
}
</style>